.order-list-wrapper{
  width: 100%;
  height: 100vh;
  background: #f5f4f8;
  padding: 15rpx;
  box-sizing: border-box;
  .list{
    width: 100%;
    .item{
      width: 100%;
      background: #ffffff;
      padding: 26rpx;
      box-sizing: border-box;
      border-radius: 10rpx;
      margin-bottom: 15rpx;
      .title-wrapper{
        display: flex;
        justify-content: space-between;
        margin-bottom: 30rpx;
        .order-number{
          font-size: 28rpx;
        }
        .order-status{
          font-size: 30rpx;
        }
      }
      .order-content{
        display: flex;
        justify-content: space-between;
        .left{
          width: 260rpx;
          margin-right: 20rpx;
          .img-wrapper{
            width: 260rpx;
            height: 280rpx;
            image{
              width: 100%;
              height: 100%;
            }
          }
        }
        .right{
          display: flex;
          justify-content: space-between;
          width: 480rpx;
          .name-wrapper{
            .name{
              font-size: 28rpx;
              margin-bottom: 10rpx;
            }
            .desc{
              font-size: 24rpx;
              color: #b7b7b7;
            }
          }
          .price-wrapper{
            .price{
              font-size: 28rpx;
              color: #e0644e;
              margin-bottom: 10rpx;
            }
            .num{
              font-size: 24rpx;
              color: #b7b7b7;
              text-align: right;
            }
          }
        }
      }

    }
  }
}
.bottom-price{
  width: 100%;
text-align: right;
  .font{
    font-size: 30rpx;
    margin-right: 10rpx;
  }
  .price{
    font-size: 34rpx;
    color: #e0644e;
    font-weight: bold;
  }
}